
<{php}>
if(isset($config['case_index_seo_title']['cvalue'])){
$title = $config['case_index_seo_title']['cvalue'];
}
if(isset($config['case_index_seo_keywords']['cvalue'])){
$keywords = $config['case_index_seo_keywords']['cvalue'];
}
if(isset($config['case_index_seo_desc']['cvalue'])){
$description = $config['case_index_seo_desc']['cvalue'];
}

if(isset($id) && !empty($id)){
    $curCats = $query->getCustomerCaseCatById($id);
    if($curCats->seo_title){
        $title = $curCats->seo_title;
    }
    if($curCats->seo_description){
        $description = $curCats->seo_description;
    }
    if($curCats->seo_keywords){
        $keywords = $curCats->seo_keywords;
    }

}


<{/php}>

<{include file="../template/public/head.html"}>

<link rel="stylesheet" type="text/css" href="/static/css/css.css" />
<!-- header-->
<!-- pro_top -->
<{include file="../template/public/union_nav.html"}>

<!--面包屑导航-->
<div class="container-fluid">
    <div class="row bread-nav">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <ol class="breadcrumb pull-left">
                        <li>
                            <a href="/"><{:lang('home')}></a>
                        </li>
                        <li>
                            <a href="<{php}> echo $query->U('index/customer_case/index',true);<{/php}>"><{:lang('project')}></a>
                        </li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
</div>




<style>
.cases_banner{
    background:url(<{if condition="isset($config.case_banner.cvalue)"}><{$config.case_banner.cvalue}><{/if}>) !important;
    background-size:100% 100% !important;
}
@media (max-width: 1200px) {
    .cases_banner{
    background: url(<{if condition="isset($config.case_banner.cvalue)"}><{$config.case_banner.cvalue}><{/if}>) no-repeat center center !important;
    }
}
@media (max-width:700px) {
    .cases_banner{
        display:none;
    }
    #content img{
        max-width:100%;height:auto;
    }
}
    .white{
        color:white !important;
    }
    section{margin-top:0 !important;padding-top:0 !important;}
    .container >div:first-child{margin-top:0 !important;}
</style>

<div class="cases_banner banner">
    <div class="container">
        <div class="col-sm-7">
            <div class="text">
                <h1><strong class="white"><{if condition="isset($config.case_title.cvalue)"}><{$config.case_title.cvalue}><{/if}></strong></h1>
                <p class="white"><{if condition="isset($config.case_desc.cvalue)"}><{$config.case_desc.cvalue}><{/if}></p>
            </div>
        </div>
    </div>
</div>


<!-- 小屏 -->
<div class="container hidden-lg hidden-md">
    <div class="row">
        <div class="col-sm-12">
            <div class="text">
                <h1 style="text-align:center;font-size:18px;color:black;"><{if condition="isset($config.case_title.cvalue)"}><{$config.case_title.cvalue}><{/if}></h1>
                <!--<p><{if condition="isset($config.product_syscat_desc.cvalue)"}><{$config.product_syscat_desc.cvalue}><{/if}></p>-->
            </div>
        </div>
    </div>
</div>


<{php}>$caseCats = $query->getCustomerCaseCat();<{/php}>
<{php}>$caseCatsSub = $query->getCustomerCaseCatSub($id); <{/php}>
<!-- center of the page -->
<div id="content" class="mb65">
    <div class="container">
        <div class="options-wrapper jq_sort">
            <ul class="list-unstyled">
                <li>
                    <div class="row">
                        <!--<div class="col-md-2 options-title">
                            <p><{$item.name}>：</p>
                        </div>-->
                        <div class="col-md-10">
                            <{if condition="!empty($id)"}>
                            <ul class="list-unstyled list-inline options-list jq_options_list">
                                <{volist name="$caseCatsSub" id="item"}>
                                <li data-item="Civil airport" data-list=""><a href="<{php}> echo $query->U('index/customer_case/index/id/'.$item['id'],true);<{/php}>"><{$item.name}></a></li>
                                <{/volist}>
                            </ul>
                            <{/if}>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <{php}>if ( $tool->isMobile() ){ $pagesize = 8;}else{$pagesize = 9;}<{/php}>
        <{php}>$cases = $query->getCustomerCase($id,$pagesize);<{/php}>
        <div class="mt65 pro_list_pic case_list jq_sort">
            <div class="row" id="case_list">
                <{volist name="cases" id="item"}>
                <div class="col-md-4 col-sm-4 col-xs-6 hover-orange filter-item" title="<{$item.title}>">
                    <div class="imgbox case-white-box hover-show">
                        <a href="<{php}> echo $query->U('index/customer_case/content/id/'.$item['id'],true);<{/php}>"><img src="<{$item.cover}>" alt="<{$item.title}>" class="full" /></a>
                        <p> <a href="<{php}> echo $query->U('index/customer_case/content/id/'.$item['id'],true);<{/php}>"><{$item.title}></a> </p>
                    </div>
                </div>
                <{/volist}>

            </div>
        </div>
        <nav id="page_nav">
            <{$cases->render();}>
        </nav>
    </div>
</div>
<script src="/static/js/bootstrap.min.js"></script>
<{include file="../template/public/sidebar.html"}>
<{include file="../template/public/foot.html"}>